html {
    font-size: 100px;
}

* {
    font-size: .14rem;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "微软雅黑";
    box-sizing: border-box;
}

body {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

button,
textarea,
select,
input {
    appearance: none;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html,
body {
    width: 100%;
    height: 100%;
}

.container {
    width: 800px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    .waper {
        p {
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
    #ulla {
        .current {
            background-color: rgb(66, 6, 230);
        }
    }
    .pagination {
        width: 100%;
        position: absolute;
        bottom: 20px;
        left: 0;
        display: flex;
        justify-content: center;
        li {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #000000;
            margin: 0 20px;
            cursor: pointer;
        }
    }
    .prev {
        position: absolute;
        left: 20px;
        top: 30%;
        transform: translateY(50%);
        font-size: 50px;
        cursor: pointer;
        display: none;
    }
    .next {
        position: absolute;
        right: 20px;
        top: 30%;
        transform: translateY(50%);
        font-size: 50px;
        cursor: pointer;
        display: none;
    }
}